<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

	<p:dialog header="#{msg['message.ess.aInteres.panelHeader']}"
		id="dlgaInt" widgetVar="dlgWvAInt" modal="true" dynamic="true"
		draggable="false" resizable="false">
		<p:panel id="pnlDlgAInt">

			<p:panelGrid>

				<p:row>
					<!-- Prioridad -->
					<p:column>
						<p:outputLabel for="essAINTPrioridadDlg"
							value="#{msg['message.ess.aInteres.prioridad']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:spinner id="essAINTPrioridadDlg"
							value="#{areasInteresMB.areaInteres.prioridad}" />
					</p:column>
				</p:row>
				<p:row>
					<!-- Area de interes -->
					<p:column>
						<p:outputLabel for="essAINTareaIDlg"
							value="#{msg['message.ess.aInteres.areaInteres']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:selectOneMenu id="essAINTareaIDlg" style="width:175px"
							value="#{areasInteresMB.areaInteres.fnIdAreaInteres}">
							<f:selectItem itemLabel="Seleccione el area" itemValue=""></f:selectItem>
							<f:selectItems value="#{catalogosMB.listaAreaGeneral}" var="area"
								itemLabel="#{area.nombre}" itemValue="#{area.id}" />
						</p:selectOneMenu>
					</p:column>
				</p:row>
				<p:row>
					<!-- Conocimientos en -->
					<p:column>
						<p:outputLabel for="essAINTconsDlg"
							value="#{msg['message.ess.aInteres.conocimientos']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:selectOneMenu id="essAINTconsDlg" style="width:175px"
							value="#{areasInteresMB.areaInteres.idConocimientos}">
							<f:selectItem itemLabel="Seleccione el conocimiento" itemValue=""></f:selectItem>
							<f:selectItems value="#{catalogosMB.listaAreaGenerica}"
								var="areaGen" itemLabel="#{areaGen.nombre}"
								itemValue="#{areaGen.id}" />
						</p:selectOneMenu>
					</p:column>
				</p:row>

			</p:panelGrid>

			<h:panelGroup layout="block" style="text-align:center;">
				<p:commandButton value="#{msg['message.upload.cerrar']}"
					onclick="dlgWvAInt.hide();" update="pnlDlgAInt"
					action="#{areasInteresMB.reInitDialog}" global="false">
				</p:commandButton>
				<p:commandButton value="#{msg['message.ess.agregar']}"
					update="pnlDlgAInt dtAInt" action="#{areasInteresMB.reInitDialog}"
					global="false" oncomplete="handleRequestAInt(xhr, status, args);">
					<p:collector value="#{areasInteresMB.areaInteres}"
						addTo="#{areasInteresMB.areasInteres}" />
				</p:commandButton>
			</h:panelGroup>
		</p:panel>
	</p:dialog>

	<p:confirmDialog
		message="#{msg['message.ess.eliminarRegistro.mensaje']}"
		widgetVar="dlgAINTConfirmaEliminarReg">
		<h:panelGroup layout="block" style="text-align: right;">
			<p:commandButton id="cbAINTConfirmaEliminarReg" value="Si"
				update="dtAInt" oncomplete="dlgAINTConfirmaEliminarReg.hide()"
				actionListener="#{areasInteresMB.eliminarRegistros}"
				process="@this, dtAInt" />
			<p:commandButton id="cbAIntDeclinarEliminarReg" value="No"
				onclick="dlgAINTConfirmaEliminarReg.hide()" type="button" />
		</h:panelGroup>
	</p:confirmDialog>

	<p:confirmDialog
		message="#{msg['message.ess.eliminarRegistro.mensaje.sinSel']}"
		widgetVar="dlgAINTSinSeleccion">
		<h:panelGroup layout="block" style="text-align: right">
			<p:commandButton id="AINTok" value="Aceptar"
				onclick="dlgAINTSinSeleccion.hide()" type="button" />
		</h:panelGroup>
	</p:confirmDialog>

	<script type="text/javascript">
		function handleRequestAInt(xhr, status, args) {
			if (!args.validationFailed) {
				dlgWvAInt.hide();
			}
		}
	</script>

</ui:composition>